<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<h:body>
	<ui:composition template="/secured/workarea.xhtml">
		<ui:define name="espacio_trabajo">
			<h:form styleClass="login">
				<table>
					<tr>
						<td align="left">
							<div class="breadcrumb flat" style="text-align: left">
								<h:commandLink action="#{menuBean.regresaInicio}" value="Inicio" />
								<h:outputLink value="#" styleClass="active">#{msg.bitacora}</h:outputLink>
							</div>
						</td>
					</tr>
				</table>
				<p:growl id="growl" showDetail="true" />
				<p:panel>
					<h:outputText value="#{msg.frsBitacora}" style="text-align:left;" />
				</p:panel>
				<p:panel id="panel" header="Buscar" closable="false"
					toggleable="false" style="text-align:center;">
					<h:panelGrid columns="2" style="text-align:left;">
						<h:outputText value="#{msg.accion} :" />
						<p:selectOneMenu id="selectEstado"
							value="#{beanBitacora.accionSelected}" style="width: 500px;">
							<f:selectItem itemLabel="#{msg.seleccionarAccion}" itemValue=""
								noSelectionOption="true" />
							<f:selectItems value="#{beanBitacora.listSelectAccion}" />
						</p:selectOneMenu>

						<h:outputText value="#{msg.usuario} :" />
						<p:selectOneMenu id="selectTipo"
							value="#{beanBitacora.usuarioSelected}" style="width: 500px;">
							<f:selectItem itemLabel="#{msg.seleccionarUsuario}" itemValue="0"
								noSelectionOption="true" />
							<f:selectItems value="#{beanBitacora.listSelectUsuarios}" />
						</p:selectOneMenu>
					</h:panelGrid>

					<h:panelGrid style="text-align:right" width="100%">
						<h:panelGrid columns="2" style="text-align:right">
							<p:commandButton value="#{msg.limpiar}"
								icon="ui-icon-arrowrefresh-1-e"
								onclick=":form:selectEstado.selectValue('')"
								actionListener="#{beanBitacora.limpiarFiltrado}" update="growl" />
							<p:commandButton value="#{msg.buscar}" icon="ui-icon-search"
								actionListener="#{beanBitacora.buscarFiltrado}"
								update="notificacionesTable" />
						</h:panelGrid>
					</h:panelGrid>
				</p:panel>
				<p:panel>
					<h:panelGrid columns="1" style="tex-align:left;">
						<p:commandButton value="#{msg.ver}" icon="ui-icon-search"
							rendered="#{beanBitacora.consulta}" oncomplete="verDialog.show()"
							update="displayVer growl displayVer2" />
					</h:panelGrid>
				</p:panel>
				<p:panel>
					<p:dataTable id="notificacionesTable"
						value="#{beanBitacora.listItems}" var="item"
						rowKey="#{item.idBitacora}" paginator="true"
						selection="#{beanBitacora.itemSelected}"
						filteredValue="#{beanBitacora.filteredList}"
						paginatorPosition="bottom" rows="#{beanTabla.noRegistros}">
						<p:column selectionMode="single" style="width:2%" />
						<p:column id="id" headerText="#{msg.alta}"
							sortBy="#{item.fechaString}" filterBy="#{item.fechaString}"
							rendered="false">
							<h:outputText id="idCell" value="#{item.fechaString}" />
						</p:column>
						<p:column id="name2" headerText="#{msg.accion}"
							sortBy="#{item.accion}" filterBy="#{item.accion}">
							<h:outputText id="nameCell2" value="#{item.accion}" />
						</p:column>
						<p:column id="name3" headerText="#{msg.ip}" sortBy="#{item.ip}"
							filterBy="#{item.ip}">
							<h:outputText id="nameCell3" value="#{item.ip}" />
						</p:column>
						<p:column id="name4" headerText="#{msg.usuario}"
							sortBy="#{item.usuario}" filterBy="#{item.usuario}">
							<h:outputText id="nameCell4" value="#{item.usuario}" />
						</p:column>
						<p:column id="name5" headerText="#{msg.mensaje}"
							sortBy="#{item.mensaje}" filterBy="#{item.mensaje}">
							<h:outputText id="nameCell5" value="#{item.mensaje}" />
						</p:column>
					</p:dataTable>
					<h:panelGroup>
						<h:panelGrid columns="3" style="text-align:left;">
							<h:outputText value="#{msg.registrosPP}"
								style="font-size:x-small" />
							<h:panelGroup>
								<h:inputText size="3"
									style="font-size:x-small; height:15px; width:25px"
									value="#{beanTabla.registros}" id="noRegistrosPP" />
								<p:watermark value="#{beanTabla.noRegistros}"
									for="noRegistrosPP" />
							</h:panelGroup>
							<p:commandButton icon="ui-icon-arrowrefresh-1-w"
								style="font-size:x-small" update="notificacionesTable"
								actionListener="#{beanTabla.actualizaRegistros}" />
						</h:panelGrid>
					</h:panelGroup>
					<!-- Panel de Ver -->
					<p:dialog id="dialog" header="#{msg.ver}" widgetVar="verDialog"
						modal="true" draggable="false" width="260px" height="300px">
						<h:panelGrid id="displayVer" columns="2" style="text-align:left;">
							<h:outputText value="#{msg.fecha}" />
							<p:inputText value="#{beanBitacora.itemSelected.fechaString}"
								style="font-weight:bold; width:150px" readonly="true" />
							<h:outputText value="#{msg.accion}" />
							<p:inputText value="#{beanBitacora.itemSelected.accion}"
								style="font-weight:bold; width:150px" readonly="true" />
							<h:outputText value="#{msg.ip}" />
							<p:inputText value="#{beanBitacora.itemSelected.ip}"
								style="font-weight:bold; width:150px" readonly="true" />
							<h:outputText value="#{msg.usuario}" />
							<p:inputText value="#{beanBitacora.itemSelected.usuario}"
								style="font-weight:bold; width:150px" readonly="true" />
						</h:panelGrid>
						<h:panelGrid columns="1" style="text-align:left;" id="displayVer2">
							<h:outputText value="#{msg.mensaje}" style="text-align:left;" />
							<p:inputTextarea value="#{beanBitacora.itemSelected.mensaje}"
							style="font-weight:bold; width:200px" readonly="true" />
						</h:panelGrid>
						
						<h:outputText />
						<p:commandButton id="aceptarVerBtn" value="#{msg.aceptar}"
							icon="ui-icon-check" onclick="verDialog.hide()" />

					</p:dialog>
					<!-- Fin de panel de Ver -->
				</p:panel>
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>